
<template>
  <RouterView />
</template>
<script setup lang="ts">

</script>
<style lang="less">
/* 全局样式 */
body,
dl,
dt,
dd,
h5,
h4 {
  padding: 0;
  margin: 0;
}
ul{
  list-style: none;
}
// 全局布局样式
.pages {
  .page-container {
    .page-header {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }

    .page-main {
      padding: 0px 20px;

      // 分页
      .page-pagination {
        height: 60px;
        display: flex;
        align-items: center;
      }
      // 回到顶部的高度效果
      .backtop {

        .back-enter-active,
        .back-leave-active {
          transition: opacity 500ms ease;
        }

        .back-enter-from,
        .back-leave-to {
          opacity: 0;
        }

        .back-enter-to,
        .back-leave-from {
          opacity: 1;
        }
      }
    }
  }
}

// 上传图片全局样式
.avatar-uploader .el-upload {
    border: 1px dashed var(--el-border-color);
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: var(--el-transition-duration-fast);
}

.avatar-uploader .el-upload:hover {
    border-color: var(--el-color-primary);
}

.el-icon.avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    text-align: center;
}
</style>
